*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
li{
    list-style-type: none;
}
header{
    background-color: #3097d1;
    border-bottom:1px solid #1c73a5;
}
header .container{
    padding-left:0;
    padding-right:0;
}
.clearfix:after,
.clearfix:before{
    content:"";
    display:table;
    clear:both;
}
.navbar li a:hover{
    text-decoration: none;
}
.navbar-light .navbar-nav .active>.nav-link{
    color:#fff;
}
.navbar-light .navbar-nav .nav-link:hover{
    color:#fff;
}
.navbar-light .navbar-nav .nav-link{
    color:#d1e8f4;
}
.navbar-light .navbar-nav .nav-link:focus{
    color:#fff;
}
.navbar-brand img{
    width:83px;
    height:23px;
}
.container{
    max-width: 1200px;
}
@media (max-width:600px) {
    nav{
        width:100%;
    }
    .row{
        margin-left:0;
        margin-right:0;
    }
    .main-left-bottom{
        text-align: center;
    }
    .main-middle,.main-right,.main-right-bottom{
        text-align: center;
    }
    .main-right-bottom-m{
        display: inline-block;
    }
    .main-left .row{
        padding-right:0;
    }
    .main-right{
        padding-left: 0;
    }
    .container{
        padding-left:0;
        padding-right:0;
    }
    .main-middle{
        padding: 0;
    }
    .main-1 .row{
        padding-left: 0;
        padding-right: 0;
    }
    .main-2 .item2{
        padding-right: 0;
        padding-left: 0;
    }
    .jj1{
        margin-right: 0;
    }
    .main-middle-1-b .main-m-l,.main-middle-1-b .main-m-r{
        padding-left:0;
    }
}
main{
    background-color: #f5f8fa;
}
main .container{
    padding-left:0;
    padding-right:0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.main-1{
    flex-wrap: wrap;
    flex:0 0 25%;
}
.main-2-m{
    flex-basis:50%;
}
.main-3{
    flex-basis:25%;
}
.item1,.item2{
    padding-left:15px;
    padding-right:15px;
}
.item3{
    padding-left:15px;
    padding-right:15px;
}
.main-3 .main-right .container{
    padding-left:0;
    padding-right:0;
}
.main-left {
    padding-right:30px;
}
.main-right{
    padding-left:30px;
}
.main-left .card-body{
    padding: 17px;
}
.main-left .card-body p{
    font-size: 15px;
}
.main-left-top h3{
    font-size: 20px;
}
.main-left-top .card{
    text-align: center;
    border:1px solid #d3e0e9;
}
.main-left-top .card .img1{
    width: 100%;
}
.main-left .bg-i{
    position: relative;
}
.main-left-top .card .img2{
    width:100px;
    height:100px;
    position: absolute;
    left: 32%;
    bottom: -44px;
}
@media(max-width: 600px) {
    .main-left .bg-i{
        position: relative;
    }
    .main-left-top .card .img2{
        position: absolute;
        left: 35%;
        bottom: -44px;
    }
}
.main-left-middle{
    border:1px solid #d3e0e9;
    border-radius: 3px;
    padding:24px 24px;
    background-color: #fff;
}
.main-left-middle .p1 .a1{
    color:#14252e;
}
.main-left-middle .p1 .a2{
    color:#489ee4;
}
.main-left-middle a:hover{
    text-decoration: none;
}
.main-left-bottom{
    background-color: #fff;
    padding:18px 10px;
    border:1px solid #d3e0e9;
    border-radius: 3px;
}
.main-left-bottom a{
    display: inline-block;
}
.main-left-bottom h4{
    padding-left:10px;
}
.main-left-bottom img{
    margin-left:6px;
    margin-top:17px;
    width:111px;
    height:118px;
}
.main-m-l,.main-m-r{
    float:left;
}
.main-middle-b-s a{
    display: block;
}
.main-middle-1 img{
    width:266px;
    height:213px;
    padding-top:20px;
}
.main-m-r{
    padding-left:21px;
}
.main-m-l{
    padding-left:21px;
}
.main-middle{
    border:1px solid #d3e0e9;
    background-color: #fff;
    border-radius: 3px;
}
.main-middle-1 .container,.main-middle-2 .container,.main-middle-3 .container{
    display: inline-table;
}
@media (max-width:600px) {
    .main-left{
        padding-right:0;
    }
    .main-middle{
        margin:0;
    }
    .main-left{
        width:100%;
    }
    .main-2-m{
        width:100%;
    }
    .main-right{
        width:100%;
    }
    .main-middle-3 img{
        width:70%;
    }
    .main-2-m{
       flex-direction: row;
    }
    main .container{
        display:block;
    }
    .main-2-m{
        padding-left:0;
    }
    .main-3{
        padding-left: 0;
    }
    .main-middle-3 img{
        width:100%;
    }
    .main-middle-1 a{
        display:block;
    }
    .main-m-l,.main-m-r{
        float:none;
    }
    .main-middle-1 .img1,.main-middle-1 .img2{
        padding-left: 0;
    }
    .main-right .nav5 .li-1 img{
        margin-left: 34px;
    }
    .main-middle-1 .img1,.main-middle-1 .img2{
        margin-left:0;
    }
    main .container{
        padding-left:-15px;
    }
}
.main-middle-1 .h3,.main-middle-1 p{
    padding:10px 24px;
}
.main-middle-1 .nav3 .li-1{
    padding-top:20px;
}
.main-middle-1,.main-middle-2,.main-middle-3{
    position: relative;
}
.main-middle-1 .span,.main-middle-2 .span,.main-middle-3 .span{
    position: absolute;
    top: 24px;
    right: 23px;
    color:#9da9b2;
    font-size: 14px;
}
.main-middle-2,.main-middle-3{
    padding: 24px 24px;
}
.main-middle-3 .nav4{
    padding-top:30px;
}
.main-middle-1{
    border-bottom:1px solid #d3e0e9;
}
.main-middle .sp-1,.main-middle-1 p{
    font-size: 15px;
}
.main-middle h3{
    font-size: 19px;
}
.main-middle .h5{
    font-size: 17px;
}
.main-middle-2{
    border-bottom:1px solid #d3e0e9;
}
.main-middle-3 img{
    width:100%;
}
.main-right-top{
    background-color: #fff;
    border-radius: 3px;
}
.main-right-bottom{
    background-color: #fff;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}
.main-right-top,.main-right-bottom{
    border:1px solid #d3e0e9;
    padding:24px 18px;
}
.main-right-top .h3{
    font-size: 18px;
    letter-spacing: -1px;
}
.main-right h3{
    font-size: 19px;
}
.main-right-top img{
    width:230px;
    height:230px;
}
.main-right-bottom-m img{
    width:60px;
    height:60px;
}
.main-right-m-right img{
    width:14px;
    height:12px;
}
.main-right-m-left,.main-right-m-right{
    float:left;
}
.main-right-m-right .h4{
    font-size: 17px;
}
.main-right-m-right ul{
    padding-left:15px;
}
.main-right-top a{
    border:1px solid #2a88bd;
    border-radius: 3px;
    padding: 8px 12px;
    color:#4b8bbf;
}
.main-right-top a:hover{
    text-decoration: none;
    background-color: #2a88bd;
    color:#fff;
}
.main-right-bottom-b p{
    margin-bottom: 0;
}
.main-right-bottom-b{
    padding:12px 15px;
    border:1px solid #d3e0e9;
    border-top:none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #f5f8fa;
}
.main-right .nav5 .li-1 a{
    border-radius: 3px;
    border:1px solid #2a88bd;
    padding:6px 12px 6px 24px;
    color:#518fc1;
}
.main-right .nav5 .li-1 a:hover{
    background-color: #2a88bd;
    color:#fff;
}
.main-right .nav5 .li-1 a:hover{
    text-decoration: none;
}
.main-right .nav5 .li-2{
    margin-top:28px;
}
.main-right .nav5 .li-1 img{
    position: absolute;
    top:6px;
    left:10px;
}
.main-right .li-1{
    position:relative;
}
main{
    padding-bottom:80px;
}
footer{
    border-top:1px solid #cccccc;
    background-color: #f5f8fa;
    padding-top:50px;
}
footer .nav6{
    display: inline-block;
    margin-bottom:42px;
}
footer p a:hover,footer .nav6 a{
    text-decoration: none;
}
footer .nav6 li a:hover{
    color:#1e3948;
}
footer .nav6 li{
    float:left;
    padding-left:12px;
}
